<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PCR行会 | 犬山玉姬巴别塔保护协会</title>
    <link rel="stylesheet" href="./css/indexStyle.css">
</head>

<body>
    <nav>
        <div class="nav-bg">
            <div class="nav-logo">
                <h3>PCR行会 | 犬山玉姬巴别塔保护协会</h3>
            </div>
            <div class="nav-content">
                <input type="checkbox" value="menu" id="menu">
                <label class="menu" for="menu"></label>
                <div class="nav-list active">
                    <a href="#home">首页</a>
                </div>
                <!-- <div class="nav-list">
                    <a href="#about">关于行会</a>
                </div> -->
                <div class="nav-list">
                    <a href="#score">部分成员会战分数统计</a>
                </div>
                <div class="nav-list">
                    <a href="#ranking">行会历史排名</a>
                </div>
            </div>
        </div>
    </nav>

    <main>
        <!-- banner -->
        <div id="home" class="banner">
            <div class="banner-text">
                <h2>犬山玉姬巴别塔保护协会</h2>
                <br>
                <div class="banner-element">
                    <span>平均玩家等级: </span>&nbsp;120
                </div>
                <div class="banner-element">
                    <span>成员数: </span>&nbsp;30/30
                </div>
                <div class="banner-element">
                    <span>活动方针: </span>&nbsp;认真的游玩
                </div>
                <div class="banner-element">
                    <span>加入条件: </span>&nbsp;任何人都可加入
                </div>
                <div class="banner-element">
                    <span>募集要点: </span>&nbsp;无
                </div>
                <br>
                <div class="banner-share">
                    <button onclick="copyName()">点击这里复制行会名</button>
                    <button onclick="copyQQNumber()">点击这里复制QQ群号</button>
                </div>
            </div>
            <br>
            <div class="banner-image">
                <img src="" alt="">
                <img src="" alt="">
            </div>
        </div>

        <!-- about -->
        <div id="score">
            <div class="title">部分成员会战分数统计</div>
            <br>
            <div class="score-content">
                <div class="score-list">
                    <div class="score-name">William</div>
                    <div class="banner-element">
                        <span>合计分数: </span>&nbsp;131144704
                    </div>
                    <span class="top">1</span>
                </div>
                <div class="score-list">
                    <div class="score-name">天歌</div>
                    <div class="banner-element">
                        <span>合计分数: </span>&nbsp;129076674
                    </div>
                    <span class="top">2</span>
                </div>
                <div class="score-list">
                    <div class="score-name">helwor</div>
                    <div class="banner-element">
                        <span>合计分数: </span>&nbsp;128289662
                    </div>
                    <span class="top">3</span>
                </div>
                <div class="score-list">
                    <div class="score-name">会长我没量角器别踢我</div>
                    <div class="banner-element">
                        <span>合计分数: </span>&nbsp;126687076
                    </div>
                    <span class="top">4</span>
                </div>
                <div class="score-list">
                    <div class="score-name">. . .</div>
                </div>
                <div class="link">数据来自于最近一期</div>
            </div>
        </div>

        <!-- ranking -->
        <div id="ranking">
            <div class="title">行会历史排名</div>
            <br>
            <canvas id="myChart"></canvas>
        </div>
    </main>

    <footer>
        <div class="other">
            <div class="title">关于行会群</div>
            <a class="link" href="#">行会群创建于2020年4月日，pcr行会私群，可以交流pcr与vtb，或者沙雕内容共同快乐，不论是不是双厨，都可以参与交流。《平时自称狗狗单推却挂着财布牌子的nori坡箱推社长你喜欢吗？》</a>
        </div>
        <br>
        <div class="friend">
            <div class="title">友情链接</div>
            <a class="link" href="">无</a>
            <a class="link" href="#">申请友链...</a>
        </div>
        <br>
        <div class="author">
            <div class="title">关于本站</div>
            <a class="link" target="_black" href="https://gitee.com/helwor/pcrg">站点托管在Gitee，由helwor管理</a>
            <a class="link" target="_black" href="http://www.helwor.top">Powered by helwor</a>
        </div>
    </footer>
    <script src="./js/Chart@2.4.0.min.js"></script>
    <script src="./js/indexJS.js"></script>
</body>

</html>